<div class="header">
  <back-Btn></back-Btn>
  考勤
</div>
<div class="container attendance">
  <div class="attendance_date c1">
    <div class="weekday fs30">
      {{attendance.checkinfo.today|getDay}}
    </div>
    <div class="cur_date">
      {{attendance.checkinfo.today|dateFmt:"yyyy年MM月dd日"}}
    </div>
    <div class="attendance_statistic" ng-click="attendance.goStatisticlist()">统计</div>
  </div>
  <div class="flex p10 icon_enter" style="min-width: 40px;" ng-show="attendance.options.length>1">
    <div class="item-label">考勤</div>
    <div class="flow-content" style="padding-right:30px">
      <select ng-model="attendance.acId" ng-options="item.value as item.label for item in attendance.options" ng-change="attendance.changeAtt()">
      </select>
    </div>
  </div>
  <div class="attendance_check" ng-show="attendance.checkinfo.hasAd">
    <div class="list">
      <div class="list-item grid fs12 lh20" ng-class="{highlight:attendance.checkinfo.signType==1}">
        <div class="icon_sun"></div>
        <div class="attendance_section">
          <div class="attendance_time">
            <span>{{attendance.checkinfo.overTime==0?"上班":"开始加班"}}</span>
            <span class="list-item-tip" ng-show="attendance.checkinfo.overTime==0">
              {{attendance.checkinfo.onDutyHour|timeFormat}}:{{attendance.checkinfo.onDutyMintue|timeFormat}}
            </span>
          </div>
          <div class="arrive_sign fs14">
            <span ng-show="attendance.checkinfo.signType!=1" class="fw">{{attendance.checkinfo.signInTime}}</span>
            <span ng-switch="attendance.checkinfo.onDutySignType" ng-show="attendance.checkinfo.signType!=1">
              <span ng-switch-when="0" class="state_outside">范围外</span>
              <span ng-switch-when="1" class="state_normal">正常</span>
              <span ng-switch-when="2" class="state_late">迟到</span>
              <span ng-switch-when="4" class="state_nosign">未签到</span>
            </span>
          </div>
        </div>
        <div class="c9" ng-show="attendance.checkinfo.onDutyAddress">
          <div class="icon_location"></div>
          <div class="attendance_section">
            <span class="signed te">{{attendance.checkinfo.onDutyAddress||"未知"}}</span>
          </div>
        </div>
      </div>
      <div class="attendance_btn" ng-click="attendance.checksign()" ng-show="attendance.checkinfo.signType==1">
        <span class="fs18">考勤</span>
        </br>
        <span class="fs22">{{attendance.currentDate|dateFmt:"hh:mm"}}</span>
      </div>
      <div class="fs14 tc mt10" ng-show="attendance.checkinfo.signType==1">
        <img src="images/icon_location.png" style="vertical-align:middle;width: 14px;margin-right:5px">{{attendance.address}}
      </div>
      <div class="fs14 tc mt10" ng-show="attendance.iswifi&&attendance.checkinfo.signType==1">
        <img src="images/current-a.png" style="vertical-align:middle;width: 14px;margin-right:5px">当前已连接到考勤WIFI
      </div>
      <div class="list-item grid fs12 lh20" ng-class="{highlight:attendance.checkinfo.signType==2}">
        <div class="icon_sun"></div>
        <div class="attendance_section">
          <div class="attendance_time">
            <span>{{attendance.checkinfo.overTime==0?"下班":"结束加班"}}</span>
            <span class="list-item-tip fs12" ng-show="attendance.checkinfo.overTime==0">{{attendance.checkinfo.offDutyHour|timeFormat}}:{{attendance.checkinfo.offDutyMintue|timeFormat}}</span>
          </div>
          <div class="leave_sign fs14">
            <span ng-show="attendance.checkinfo.signType!=2" class="fw">{{attendance.checkinfo.signOutTime}}</span>
            <span ng-switch="attendance.checkinfo.offDutySignType" ng-show="attendance.checkinfo.signOutTime!='未开始'">
              <span ng-switch-when="0" class="state_outside">范围外</span>
              <span ng-switch-when="1" class="state_normal">正常</span>
              <span ng-switch-when="3" class="state_late">早退</span>
              <span ng-switch-when="4" class="state_nosign">未签到</span>
            </span>
          </div>
        </div>
        <div class="c9" ng-show="attendance.checkinfo.offDutyAddress">
          <p class="icon_location"></p>
          <div class="attendance_section">
            <span class="signed te">{{attendance.checkinfo.offDutyAddress||"未知"}}</span>
          </div>
        </div>
      </div>
      <div class="attendance_btn" ng-click="attendance.checksign()" ng-show="attendance.checkinfo.signType==2">
        <span class="fs18">考勤</span>
        </br>
        <span class="fs22">{{attendance.currentDate|dateFmt:"hh:mm"}}</span>
      </div>
      <div class="fs14 tc mt10" ng-show="attendance.checkinfo.signType==2">
        <img src="images/icon_location.png" style="vertical-align:middle;width: 14px;margin-right:5px">{{attendance.address}}
      </div>
      <div class="fs14 tc mt10" ng-show="attendance.iswifi&&attendance.checkinfo.signType==2">
        <img src="images/current-a.png" style="vertical-align:middle;width: 14px;margin-right:5px">当前已连接到考勤WIFI
      </div>
    </div>
  </div>
  <div class="show_overtime tc mt30 pd20" ng-show="attendance.checkinfo.changeOt" ng-click="attendance.switchOvertime()">
    <div class="btn">切换到加班模式</div>
  </div>
  <div class="tc fs20 mt20" ng-hide="attendance.checkinfo.hasAd">
    您不需要考勤
  </div>
  <div class="attendance_refresh" ng-click="attendance.getCheckInfo()"></div>
</div>
<div class="flex footer tc">
  <div class="w50 c-blue" ng-click="attendance.goAttendancelist()" ng-show="attendance.checkinfo.adMgr">
    <span class="kq-gl"></span> 管理</div>
</div>
